
import 'package:flutter/material.dart';
import 'package:qyou_app/common/base.dart';

class ShopHotPage extends StatelessWidget with Base {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: dp(350),
      child: Column(children: <Widget>[
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            ClipRRect(
              borderRadius: BorderRadius.all(
                Radius.circular(dp(5)),
              ),
              child: Container(
                child: Image.network(
                  "https://bpic.588ku.com/illus_list_pic/21/04/12/fd8f921efc7ca1a2ffb5be80ab705d18.jpg!/fw/329/quality/90/unsharp/true/compress/true",
                  width: dp(170),
                  height: dp(230),
                  fit: BoxFit.fill,
                ),
              ),
            ),
            Padding(padding: EdgeInsets.symmetric(horizontal: dp(3))),
            ClipRRect(
              borderRadius: BorderRadius.all(
                Radius.circular(dp(5)),
              ),
              child: Container(
                child: Image.network(
                  "http://bpic.588ku.com/illus_list_pic/21/04/19/edb389d8c2647108b5ddc53e46b8d2fd.jpg!/fw/329/quality/90/unsharp/true/compress/true",
                  width: dp(170),
                  height: dp(230),
                  fit: BoxFit.fill,
                ),
              ),
            ),
          ],
        ),
        Padding(padding: EdgeInsets.symmetric(vertical: dp(5))),
        Container(

            decoration: BoxDecoration(
                boxShadow: [BoxShadow(color:Color(0xffe6e6e6),
                    offset: Offset(2.0,2.0),
                    blurRadius: 4.0),],
                border: Border.all(color: Color(0xffe6e6e6), width: 0.5),
                borderRadius: BorderRadius.circular(dp(5))),
          child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: <Widget>[
              //今日上新
              Container(width: dp(70), child: Column(
                children: <Widget>[
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                  Align(alignment: Alignment.center, child: Text("今日上新", style: TextStyle(fontSize: dp(12), fontWeight: FontWeight.bold),),),
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                  Image.network("https://img12.360buyimg.com/n7/jfs/t1/42011/32/9595/815090/5d317eaaE0d845b22/6c8a30ec0e16ad74.jpg", height: dp(50),),
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                ],
              ),),
              Padding(padding: EdgeInsets.symmetric(horizontal: dp(2))),
              //竖直分割线
              Container(height: 80, child: VerticalDivider(color: Colors.white70)),
              //排行榜
              Container(width: dp(70), child: Column(
                children: <Widget>[
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                  Align(alignment: Alignment.center, child: Text("排行榜", style: TextStyle(fontSize: dp(12), fontWeight: FontWeight.bold),),),
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                  Image.network("https://img14.360buyimg.com/n7/jfs/t1/166914/26/18346/51757/6073e6f5Eb41cf09a/4a8a6347c4edd623.jpg", height: dp(50),),
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                ],
              ),),
              Padding(padding: EdgeInsets.symmetric(horizontal: dp(2))),
              Container(height: 80, child: VerticalDivider(color: Colors.white70)),
              Container(width: dp(70), child: Column(
                children: <Widget>[
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                  Align(alignment: Alignment.center, child: Text("人气爆棚", style: TextStyle(fontSize: dp(12), fontWeight: FontWeight.bold),),),
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                  Image.network("https://img14.360buyimg.com/n7/jfs/t1/138618/11/12082/291801/5f958802E55b0ee4c/5acd9cba58493599.jpg", height: dp(50),),
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                ],
              ),),
              Padding(padding: EdgeInsets.symmetric(horizontal: dp(2))),
              Container(height: 80, child: VerticalDivider(color: Colors.white70)),
              Container(width: dp(70), child: Column(
                children: <Widget>[
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                  Align(alignment: Alignment.center, child: Text("大唐优选", style: TextStyle(fontSize: dp(12), fontWeight: FontWeight.bold),),),
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                  Image.network("https://img10.360buyimg.com/n7/jfs/t1/183358/16/163/111915/607fb5fcE26d9812b/b91d508039ee8717.jpg", height: dp(50),),
                  Padding(padding: EdgeInsets.only(top: dp(5))),
                ],
              ),),
            ],
          ),
        ),
      ]),
    );
  }
}
